<div class="wrap">
  <div class="wrap-content">
    <p-panel [showScroll]="false" headerClass="bg-none">
      <p-header>
        <div class="text-right p-6-0">
          <span class="border-l-1a8fe8 p-l-8 pull-left m-t-8 m-b-10">项目信息</span>
          <span style='height:33px;display:inline-block;width: 1px;'></span>
        </div>
      </p-header>
      <p-doubleTable [titleWidth]="120" [value]="item" [rowClos]="itemCol">
      </p-doubleTable>

    </p-panel>

    <p-panel headerClass="bg-none" styleClass="m-t-20">
      <p-header>
        <div class="text-right p-6-0">
          <span class="border-l-1a8fe8 p-l-8 pull-left m-t-8 m-b-10">客户信息</span>
          <span style='height:33px;display:inline-block;width: 1px;'></span>
        </div>
      </p-header>
      <p-doubleTable [titleWidth]="120" [value]="customer" [rowClos]="customerCol">

      </p-doubleTable>

    </p-panel>

    <p-panel headerClass="bg-none " styleClass="m-t-20">
      <p-header>
        <div class="text-right p-6-0">
          <span class="border-l-1a8fe8 p-l-8 pull-left m-t-8 m-b-10">支付款项</span>
          <span style='height:33px;display:inline-block;width: 1px;'></span>
        </div>
      </p-header>
      <div class="table-row">
        <div class="table-cell text-left p-l-25 color-b1b1b1 width-128">基础信息：</div>
      </div>
      <div>
        <div class="table-cell">
          <p-doubleTable [titleWidth]="120"  [value]="contract" [rowClos]="contractCol">
          </p-doubleTable>
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left p-l-25 color-b1b1b1 width-128">支付清单：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-800">
          <app-div-table [tableHead]="payDataCol" [values]="listData"></app-div-table>
        </div>
      </div>
    </p-panel>

  </div>
</div>